Week 04

Edit 0 16 …
PAGE UNDER CONSTRUCTION / UPDATES


WEB DESIGN (FIRST COURSE)
LEARNING GOAL
  • Create a HTML5 webpage, add, and modify text.
GUIDED LEARNING ACTIVITIES
  • Continue working on the HTML 03 projects as directed below.
NO HOMEWORK

ADVANCED WEB DESIGN (SECOND COURSE)
LEARNING GOAL
  • CONSTRUCT HTML forms with various input fields.
GUIDED LEARNING ACTIVITIES
  • FINISH and SUBMIT HTML the HTML Forms Projects as directed via Edmodo [56 marks possible]. Due today.
HOMEWORK
  • FINISH and SUBMIT HTML the HTML Forms Projects as directed via Edmodo [56 marks possible] if you were unable to do so during class today. Due today.
DAY ELEVEN, Tuesday, September 20, 2016
WEB DESIGN (FIRST COURSE)
LEARNING GOAL
  • Create a HTML5 webpage, add, and modify text.
GUIDED LEARNING ACTIVITIES:
  • FINISH and submit HTML 03.
  • I will go over HTML 04 with you during class Wednesday.
NO HOMEWORK

ADVANCED WEB DESIGN (SECOND COURSE)
LEARNING GOAL
  • Position text, images, and other elements on pages using HTML5 and CSS.
GUIDED LEARNING ACTIVITIES
  • Study pages 196-197. READ and complete each project from pages 198 through 213. Save each respective .html file as directed to a HTML folder in your H: drive. Replace xx with your initials in each filename. Check each .html file in a browser as you go to ensure there are no mistakes. Each project is worth [4 marks].Click the turn in button at the top of this post. Click file. Select each of the 9 .html files and submit. [36 marks possible]. Due Wednesday.
    • Pages 198 and 199. Save as layout-widthxx.html
    • Pages 200 and 201. Save as layout-relativexx.html
    • Pages 202 and 203. Save as layout-absolutexx.html
    • Pages 204 and 205. Save as layout-fixedxx.html
    • Page 206. Save as layout-marginsxx.html
    • Page 208. Save as layout-float1xx.html
    • Page 209. Save as layout-float2xx.html
    • Pages 210 and 211. Save as layout-overlapxx.html
    • Pages 212 and 213. Save as layout-divxx.html
NO HOMEWORK
DAY TWELVE, Wednesday, September 21, 2016
IST Period 2 Today
WEB DESIGN (FIRST COURSE)
LEARNING GOAL
  • Specify page layout, design, and functionality across multiple devices with HTML + CSS.
GUIDED LEARNING ACTIVITIES:
  • Read pages 54-57. Open Notepad (Start, Programs, Accessories).
  • Follow and complete all steps from pages 58 through 75. Save each respective .css file and .html file to your HTML folder in your H: drive. Replace xx with your initials. Be sure to check each .html file in a browser to ensure there are no mistakes.
    • Pages 58-59. Save as internalxx.html
    • Pages 60-61. Save as stylesxx.css
    • Page 62. Open internalxx.html (the file that you completed from pages 58-59). Complete all steps on page 62 use stylessxx.css in step 4. Resave as externalxx.html
    • Page 63. Save as locallyxx.html
    • Pages 64-65. Save as style-tagxx.html.
    • Page 66. Save as style-classxx.css
    • Page 67. Save as style-classxx.html
    • Pages 68-69. Save as style-idxx.html
    • Pages 70-71. Save as mediaxx.html, paragraph-bluexx.css, and paragraph-purplexx.css.
    • Page 72. Save as ipadxx.html and ipad-stylesxx.css
    • Page 73. Save as iphonexx.html and iphone-stylesxx.css
    • Pages 74-75. Save as styles-nestedxx.html
    • 4-Click Turn In at the top of this post. Click file. Select each of the .css and .html files listed above from your HTML folder in your H: drive. Ensure that all 16 files are attached. Click Submit.
HOMEWORK
  • Finish and submit HTML 03 as directed via Edmodo if you were unable to during class. Post questions below.

ADVANCED WEB DESIGN (SECOND COURSE)
LEARNING GOALS
  • Position text, images, and other elements on pages using HTML5 and CSS.
GUIDED LEARNING ACTIVITIES
  • Study pages 196-197. READ and complete each project from pages 198 through 213. Save each respective .html file as directed to a HTML folder in your H: drive. Replace xx with your initials in each filename. Check each .html file in a browser as you go to ensure there are no mistakes. Each project is worth [4 marks].Click the turn in button at the top of this post. Click file. Select each of the 9 .html files and submit. [36 marks possible]. Due Wednesday.
    • Pages 198 and 199. Save as layout-widthxx.html
    • Pages 200 and 201. Save as layout-relativexx.html
    • Pages 202 and 203. Save as layout-absolutexx.html
    • Pages 204 and 205. Save as layout-fixedxx.html
    • Page 206. Save as layout-marginsxx.html
    • Page 208. Save as layout-float1xx.html
    • Page 209. Save as layout-float2xx.html
    • Pages 210 and 211. Save as layout-overlapxx.html
    • Pages 212 and 213. Save as layout-divxx.html
NO HOMEWORK
DAY THIRTEEN, Thursday, September 22, 2016
WEB DESIGN (FIRST COURSE)
LEARNING GOAL
  • Specify page layout, design, and functionality across multiple devices with HTML + CSS.
GUIDED LEARNING ACTIVITIES
  • Read pages 54-57. Open Notepad (Start, Programs, Accessories).
  • Follow and complete all steps from pages 58 through 75. Save each respective .css file and .html file to your HTML folder in your H: drive. Replace xx with your initials. Be sure to check each .html file in a browser to ensure there are no mistakes.
    • Pages 58-59. Save as internalxx.html
    • Pages 60-61. Save as stylesxx.css
    • Page 62. Open internalxx.html (the file that you completed from pages 58-59). Complete all steps on page 62 use stylessxx.css in step 4. Resave as externalxx.html
    • Page 63. Save as locallyxx.html
    • Pages 64-65. Save as style-tagxx.html.
    • Page 66. Save as style-classxx.css
    • Page 67. Save as style-classxx.html
    • Pages 68-69. Save as style-idxx.html
    • Pages 70-71. Save as mediaxx.html, paragraph-bluexx.css, and paragraph-purplexx.css.
    • Page 72. Save as ipadxx.html and ipad-stylesxx.css
    • Page 73. Save as iphonexx.html and iphone-stylesxx.css
    • Pages 74-75. Save as styles-nestedxx.html
    • 4-Click Turn In at the top of this post. Click file. Select each of the .css and .html files listed above from your HTML folder in your H: drive. Ensure that all 16 files are attached. Click Submit.
HOMEWORK
  • Finish and submit HTML 03 as directed via Edmodo if you were unable to during class. Post questions below.

ADVANCED WEB DESIGN (SECOND COURSE)
LEARNING GOALS
  • Position text, images, and other elements on pages using HTML5 and CSS.
GUIDED LEARNING ACTIVITIES
  • Study pages 196-197. READ and complete each project from pages 198 through 213. Save each respective .html file as directed to a HTML folder in your H: drive. Replace xx with your initials in each filename. Check each .html file in a browser as you go to ensure there are no mistakes. Each project is worth [4 marks].Click the turn in button at the top of this post. Click file. Select each of the 9 .html files and submit. [36 marks possible]. Due Wednesday.
    • Pages 198 and 199. Save as layout-widthxx.html
    • Pages 200 and 201. Save as layout-relativexx.html
    • Pages 202 and 203. Save as layout-absolutexx.html
    • Pages 204 and 205. Save as layout-fixedxx.html
    • Page 206. Save as layout-marginsxx.html
    • Page 208. Save as layout-float1xx.html
    • Page 209. Save as layout-float2xx.html
    • Pages 210 and 211. Save as layout-overlapxx.html
    • Pages 212 and 213. Save as layout-divxx.html
NO HOMEWORK
DAY FOURTEEN, Friday, September 23, 2016
  • Finish and submit any outstanding work from this week.
  • Grade review meetings today.
  • Have a good weekend!
Go to Week 05